#page-1 {
  display: none;
  opacity: 0;
  position: relative;
  @include square(100%);
  background-image: url("../image/page-1-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  > .inner {
    @include square(10em);
    @include center-block;

    > .tong {
      @include size(px2em(442px), px2em(524px));
      background-image: url("../image/page-1-tong.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: relative;
      top: px2em(269px);
      left: (10em - px2em(442px))/2;
      opacity: 0;
    }
  }

  > .top {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 0em;
    left: 0;
    bottom: 0;

    > .inner {
      width: 100%;
      height: 10em;
      position: absolute;
      z-index: 1;
      left: 0;
      bottom: 0;
      background-image: url("../image/page-2-bg.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      > .container {
        @include square(10em);
        @include center-block;

        > .tong {
          @include size(px2em(625px), px2em(522px));
          background-image: url("../image/page-2-tong.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
          position: relative;
          top: px2em(269px);
          left: px2em(318px);
          opacity: 0.2;
        }
      }
    }

    > .light {
      @include size(10rem, px2rem-b(557px));
      position: absolute;
      top: px2rem-b(-278.5px);
      left: 0;
      z-index: 2;
      background-image: url("../image/page-2-light.png");
      background-size: 100% 100%;
    }
  }
}